.wrap{
    width:100%;
    background-color:#f3f3f3;
}
.header1{
    height:40px;
    background:#333;
}
.header1 .h1-1{
    float:left;
}
.header1 .h1-2,.header1 .h1-3{
    float:right;
}
.h1-1{
    margin-left:20px;
    line-height:40px;
}
.header1 a{
    color:#b0b0b0;
    font-size:12px;
}
.header1 span{
    color:#424242;
    margin-left:3px;
    margin-right:3px;
}
.h1-2,.h1-3{
    margin-right:20px;
    line-height:40px;
}
.header2{
    width:1240px;
    margin:0 auto;
	/* border:1px solid red; */
}
.header2 .h2_1,.header2 .h2_2,.header2 .h2_3{
    float:left;
    /* border:1px solid red; */
}
.h2_1{
    width:5%;
    margin-top:20px;
}
.h2_2{
    width:58%;
    line-height:100px;
	margin-left:60px;
    /*border:1px solid red;*/
}
.h2_2 a{
    margin-left:20px;
    font-size:16px;
    color:#000;
}
.h2_3{
    width:21%;
    margin-left:40px;
}
.h2_3 .search_form{
    width:263px;
    height:52px;
    margin-top:15px;
}
.search_form .input_text{
    width:210px;
    height:50px;
    border:1px solid #f3f3f3;
    padding:0;
    outline:none;
    text-indent:10px;
}
.search_form .input_sub{
    width:50px;
    height:52px;
    background:darkorange;
    border:0;
    color:white;
}
.search_form  input{
	float:left;
}
.nav{
    width:1240px;
    height:460px;
    margin:0 auto;
    animation-name: move;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}
@keyframes move {
    0% {
        /* background-image: url("img/first-R/Note%2010.jpg"); */
		background-image: url(../img/first-R/Note%2010.jpg);
        background-size: cover;
    }
    20% {

        /* background-image: url("img/first-R/pot.webp"); */
		background-image: url(../img/first-R/pot.webp);
        background-size: cover;
    }
    40% {

        /* background-image: url("img/first-R/Sound.webp"); */
		background-image: url(../img/first-R/Sound.webp);		
        background-size: cover;
    }
    60% {

        /* background-image: url("img/first-R/tablet.webp"); */
		background-image: url(../img/first-R/tablet.webp);
        background-size: cover;
    }
    80% {

        /* background-image: url("img/first-R/Windows%2011.webp"); */
		background-image: url(../img/first-R/Windows%2011.webp);
        background-size: cover;
    }
    100% {

        /* background-image: url("img/first-R/Note%2010.jpg"); */
		background-image: url(../img/first-R/Note%2010.jpg);
        background-size: cover;
    }
}
.second{
    width:1240px;
    height:180px;
    margin:20px auto;
}
.second .second-L{
    width:240px;
    height:180px;
    background-color: #5f5750;
}
.second-L img{
    width:24px;
    height:24px;
}
.second-L p{
    color:#fff;
    font-size:12px;
}
.second-L .sl-top div,.second-L .sl-bottom div{
    float:left;
    width:80px;
    height:65px;
    text-align:center;
    margin-top:25px;
}
.second .second-R{
    width:1000px;
    height:180px;
}
.second-R div{
    float:left;
    width:313px;
    height:180px;
    margin-left:20px;
}
.second-R img{
    width:313px;
    height:180px;
}
.second-L, .second-R{
    float:left;
}
.third{
    width:1240px;
    height:120px;
    margin:20px auto;
}
.third img{
    width:1240px;
    height:120px;
}
.box-1{
     width:1240px;
     height:58px;
     margin:0 auto;
}
.box-1 .b1{
    float:left;
}
.box-1 .b2{
    float:right;
}
.box-1 a{
    line-height:58px;
    font-size:22px;
    font-weight:200;
}
.phone{
    width:1240px;
    height:614px;
    margin:0 auto;
}
.phone .pl,.phone .pr{
    float:left;
}
.phone .pl img{
    width:234px;
    height:610px;
}
.phone .pr img{
    width:160px;
    height:160px;
    margin-top:30px;
}
.pr .pr-top div,.pr .pr-bottom div{
    float:left;
    width:240px;
    height:300px;
    text-align:center;
    background-color: #fff;
    margin-left:10px;
}
.pr .pr-bottom div{
    margin-top:10px;
}
.pr .t1{
    font-size:14px;
    margin-top:18px;
    margin-bottom:2px;
    font-weight:400;
    color:#000;
}
.pr .t2{
    font-size:12px;
    margin-bottom:10px;
    color:#b0b0b0;
}
.pr .t3{
    color:#ff6700;
}
.box-2{
    width:1240px;
    height:58px;
    margin:0 auto;
    margin-top:20px;
}
.box-2 .b1{
    float:left;
}
.box-2 .b2{
    float:right;
}
.box-2 a{
    line-height:58px;
    font-size:22px;
    font-weight:200;
}
.home-ele{
    width:1240px;
    height:614px;
    margin:0 auto;
}
.home-ele .hl,.home-ele .hr{
    float:left;
}
.home-ele .hl div{
    width:234px;
    height:305px;
}
.hl .hl-1{
    margin-bottom:5px;
}
.hl img{
    width:234px;
    height:300px;
}
.home-ele .hr img{
    width:160px;
    height:160px;
    margin-top:30px;
}
.hr .hr-top div,.hr .hr-bottom div{
    float:left;
    width:240px;
    height:300px;
    text-align:center;
    background-color: #fff;
    margin-left:10px;
}
.hr .hr-bottom div{
    margin-top:10px;
}
.hr .t1{
    font-size:14px;
    margin-top:18px;
    margin-bottom:2px;
    font-weight:400;
    color:#000;
}
.hr .t2{
    font-size:12px;
    margin-bottom:10px;
    color:#b0b0b0;
}
.hr .t3{
    color:#ff6700;
}
.four{
    width:1240px;
    height:120px;
    margin:20px auto;
}
.four img{
    width:1240px;
    height:120px;
}
.box-3{
    width:1240px;
    height:58px;
    margin:0 auto;
}
.box-3 .b1{
    float:left;
}
.box-3 .b2{
    float:right;
}
.box-3 a{
    line-height:58px;
    font-size:22px;
    font-weight:200;
}
.match{
    width:1240px;
    height:614px;
    margin:0 auto;
}
.match .ml,.match .mr{
    float:left;
}
.match .ml div{
    width:234px;
    height:305px;
}
.ml .ml-1{
    margin-bottom:5px;
}
.ml img{
    width:234px;
    height:300px;
}
.match .mr img{
    width:160px;
    height:160px;
    margin-top:30px;
}
.mr .mr-top div,.mr .mr-bottom div{
    float:left;
    width:240px;
    height:300px;
    text-align:center;
    background-color: #fff;
    margin-left:10px;
}
.mr .mr-bottom div{
    margin-top:10px;
}
.mr .t1{
    font-size:14px;
    margin-top:18px;
    margin-bottom:2px;
    font-weight:400;
    color:#000;
}
.mr .t2{
    font-size:12px;
    margin-bottom:10px;
    color:#b0b0b0;
}
.mr .t3{
    color:#ff6700;
}
.box-4{
    width:1240px;
    height:58px;
    margin:0 auto;
    margin-top:20px;
}
.box-4 .b1{
    float:left;
}
.box-4 .b2{
    float:right;
}
.box-4 a{
    line-height:58px;
    font-size:22px;
    font-weight:200;
}
.rim{
    width:1240px;
    height:614px;
    margin:0 auto;
}
.rim .rl,.rim .rr{
    float:left;
}
.rim .rl div{
    width:234px;
    height:305px;
}
.rl .rl-1{
    margin-bottom:5px;
}
.rl img{
    width:234px;
    height:300px;
}
.rim .rr img{
    width:160px;
    height:160px;
    margin-top:30px;
}
.rr .rr-top div,.rr .rr-bottom div{
    float:left;
    width:240px;
    height:300px;
    text-align:center;
    background-color: #fff;
    margin-left:10px;
}
.rr .rr-bottom div{
    margin-top:10px;
}
.rr .t1{
    font-size:14px;
    margin-top:18px;
    margin-bottom:2px;
    font-weight:400;
    color:#000;
}
.rr .t2{
    font-size:12px;
    margin-bottom:10px;
    color:#b0b0b0;
}
.rr .t3{
    color:#ff6700;
}
.five{
    width:1240px;
    height:120px;
    margin:20px auto;
}
.five img{
    width:1240px;
    height:120px;
}
.box-5{
    width:1240px;
    height:58px;
    margin:0 auto;
}
.box-5 .b1{
    float:left;
}
.box-5 .b2{
    float:right;
}
.box-5 a{
    line-height:58px;
    font-size:22px;
    font-weight:200;
}
.video{
    width:1240px;
    height:285px;
    margin:0 auto;
}
.video div{
    width:296px;
    height:260px;
    float:left;
    text-align: center;
    background-color: #fff;
}
.video .v1,.video .v2,.video .v3{
    margin-right:16px;
}
.video img{
    width:296px;
    height:180px;
}
.video p{
    font-size:14px;
    font-weight:400;
    color:#333;
    margin-top:20px;
}